var q = {
    pagenum: 1, // 页码值，默认请求第一页的数据
    pagesize: 5, // 每页显示几条数据，默认每页显示2条
    cate_id: '', // 文章分类的 Id
    state: '' // 文章的发布状态
}
initTable();
initCate();
let form = layui.form;
let laypage = layui.laypage;
function initTable() {
    $.ajax({
        method: 'get',
        url: '/my/article/list',
        data: q,
        success: function (res) {
            if (res.status !== 0) {
                return layer.msg("获取文章列表失败")
            }
            let htmlStr = template('tpl-table', res)
            $('tbody').html(htmlStr);
            renderPage(res.total)
        }
      
    })
}
template.defaults.imports.dataFormat = function (date) {
    const dt = new Date(date)
    var y = dt.getFullYear()
    var m = (dt.getMonth() + 1).toString().padStart(2, 0);
    var d = (dt.getDate()).toString().padStart(2, 0)
    var hh = (dt.getHours()).toString().padStart(2, 0)
    var mm = (dt.getMinutes()).toString().padStart(2, 0)
    var ss = (dt.getSeconds()).toString().padStart(2, 0)
    return `${y}-${m}-${d}  ${hh}:${mm}:${ss}`
    // return y + '-' + m + '-' + d + ' ' + hh + ':' + mm + ':' + ss
}
function initCate() {
    $.ajax({
        method: 'get',
        url: '/my/article/cates',
        success: function (res) {
            if (res.status !== 0) {
                return layer.msg("获取分类列表失败")
            }
            let htmlStr = template('tpl-cate', res);
            $('[name=cate_id]').html(htmlStr);
            form.render();
        }
    })
}
$('#form-search').on('submit', function (e) {
    e.preventDefault();
    let cate_id = $('[name=cate-id]').val();
    let state = $('[name=state]').val();
    q.cate_id = cate_id;
    q.state = state;
    initTable();
})
function renderPage(total) {
    // console.log(total);
    laypage.render({
        elem: 'pageBox',
        count: total,
        limit: q.pagesize,
        curr: q.pagenum,
        layout: ['count', 'limit', 'prev', 'next', 'skip'],
        limits:[3,5,10,20],
        jump: function(obj,first) {
            // console.log(obj);
            // console.log(first);
            q.pagenum = obj.curr;
            q.pagesize = obj.limit; 
            if (!first) {
                initTable()
            }
        }
    })
}

$('tbody').on('click', '.btn-delete', function () {
var len = $('.btn-delete').length
    // 获取到文章的 id
    var id = $(this).attr('data-id')
    // 询问用户是否要删除数据
    layer.confirm('确认删除?', { icon: 3, title: '提示' }, function(index) {
      $.ajax({
        method: 'GET',
        url: '/my/article/delete/' + id,
        success: function(res) {
          if (res.status !== 0) {
            return layer.msg('删除文章失败！')
          }
            layer.msg('删除文章成功！')
            if (len === 1) {
                // 如果 len 的值等于1，证明删除完毕之后，页面上就没有任何数据了
                // 页码值最小必须是 1
                q.pagenum = q.pagenum === 1 ? 1 : q.pagenum - 1
              }
          initTable()
        }
      })
      layer.close(index)
    })
})
